<!-- 
    页面丢失404页面
-->
<template>
    <div class="not-found" @click="O_url">

        <div type="success" class="butt">点击页面返回登录</div>
        <img src="@/assets/404.gif" alt="404" />

    </div>
</template>
<script setup>
import { useRouter } from 'vue-router'
const R = useRouter()
const O_url = () => {
    R.push('/login')
}
</script>
<style scoped>
.not-found {
    width: 100vw;
    height: 100vh;
    text-align: center;
    /* position: relative; */
    overflow: hidden;
}

.not-found img {
    width: 100vw;
    height: 100vh;
    position: relative;
}

.butt {
    position: absolute;
    top: 36vh;
    right: 40vh;
    z-index: 999;
    height: 60px;
    /* width:120px; */
    font-size: 28px;
    color: #F56C6C;
}
</style>